<template>
  <div class="label" v-if="isshow">
        <div class="product clearfix">
          <span class="txt">历史温度曲线图</span>
          <span class="time"></span>
        </div>
        <div class="channt clearfix">
          <span>通道:</span>&nbsp;
          <b class="b1"></b>
          <span>_</span>
          <b class="b2"></b>&nbsp; <span>温度:</span>&nbsp;
          <b class="b3"></b>
        </div>
        <div class="echart"></div>
      </div>
</template>
<script>
export default {
  data() {
    return {
     isshow: "true",
    };
  },
  created() {},
  mounted() {},
};
</script>
<style scoped>
 .label {
  position: absolute;
  right: 20px;
  top: 20px;
  border: 1px solid #13519C;
  box-sizing: border-box;
  border-radius: 5px;
  background:transparent;
  z-index: 3;
  color:#fff;
}
.product {
  padding-top: 10px;
  box-sizing: border-box;
}
.product .txt {
  float: left;
  margin-left: 20px;
  font-size: 16px;
  font-family: "PingFang SC";
  font-weight: 700;
}
.product .time {
  float: right;
  margin-right: 20px;
}
.channt {
  margin-top: 10px;
  float: right;
  margin-right: 20px;
}
</style>